<template>
  <div style="overflow-x: hidden;">
    <div class="app_top">
      <div class="app_top_logo_bg2"></div>
      <div class="app_top_logo_bg1"></div>
      <div class="app_top_logo">
        <img class="logo" src="../assets/top_wenzi.png" height="50%" width="auto">
        <br>
        <span class="logoText">
          <b>抽水蓄能电站主进水阀设备在线监测与状态评估系统</b>
        </span>
      </div>
      <div class="row">
        <div class="user">
          <router-link to="/nav/welcome">
            <i class="glyphicon glyphicon-home"></i>
            &nbsp;首页
          </router-link>&nbsp;&nbsp;&nbsp;&nbsp;
          <router-link to="/">
            <span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;退出
          </router-link>&nbsp;&nbsp;&nbsp;&nbsp;
          <a>
            <span class="glyphicon glyphicon-question-sign"></span>&nbsp;&nbsp;关于系统
          </a>
        </div>
      </div>
      <div class="septalLine"></div>
    </div>
    <!--左边导航-->
    <div class="row" style="margin-top: 76px">
      <div class="nav_left">
        <div class="navbar navbar-duomi" role="navigation">
          <ul id="main-nav" class="nav nav-tabs nav-stacked">
            <li class="current">
              <router-link to="/nav/welcome">
                <i class="glyphicon glyphicon-home"></i>
                首页
              </router-link>
            </li>
            <li>
              <a href="#realTime" class="nav-header collapsed" data-toggle="collapse">
                <i class="glyphicon glyphicon-time"></i>
                实时监测
                <span class="pull-right glyphicon glyphicon-chevron-down"></span>
              </a>
              <ul id="realTime" class="nav nav-list collapse secondmenu" style="height: 0px;">
                <li>
                  <router-link to="/nav/DataSample">
                    <i class="glyphicon glyphicon-stats"></i>
                    实时数据
                  </router-link>
                </li>
                <li>
                  <router-link to="/nav/dataCommunication">
                    <i class="glyphicon glyphicon-globe"></i>
                    数据通讯
                  </router-link>
                </li>
                <!-- <li>
                  <router-link to="/nav/channelManage">
                    <i class="glyphicon glyphicon-list-alt"></i>
                    通道管理
                  </router-link>
                </li> -->
              </ul>
            </li>
            <li>
              <a href="#dataAnalysis" class="nav-header collapsed" data-toggle="collapse">
                <i class="glyphicon glyphicon-indent-left"></i>
                数据分析
                <span class="pull-right glyphicon glyphicon-chevron-down"></span>
              </a>
              <ul id="dataAnalysis" class="nav nav-list collapse secondmenu" style="height: 0px;">
                <li>
                  <router-link to="/nav/actualData">
                    <i class="glyphicon glyphicon-equalizer"></i>
                    实测数据
                  </router-link>
                </li>
                <li>
                  <router-link to="/nav/totalNumber">
                    <i class="fa fa-line-chart" aria-hidden="true"></i>
                    统计量
                  </router-link>
                </li>
              </ul>
            </li>
            <li>
              <router-link to="/nav/stateEvaluation">
                <i class="glyphicon glyphicon-scale"></i>&nbsp;状态评估
              </router-link>
            </li>
            <li>
              <a href="#troubleShooting" class="nav-header collapsed" data-toggle="collapse">
                <i class="glyphicon glyphicon-list-alt"></i>
                故障诊断
                <span class="pull-right glyphicon glyphicon-chevron-down"></span>
              </a>
              <ul id="troubleShooting" class="nav nav-list collapse secondmenu" style="height: 0px;">
                <li>
                  <router-link to="/nav/staEvaluati">
                    <i class="glyphicon glyphicon-tree-deciduous"></i>
                    故障树诊断
                  </router-link>
                </li>
                <li>
                  <router-link to="/nav/fltWarn">
                    <i class="el-icon-tickets"></i>
                    卷积神经网络诊断
                  </router-link>
                </li>
              </ul>
            </li>
            <li>
              <router-link to="/nav/digitalSimulation">
                <i class="fa fa-bar-chart"></i>&nbsp;数值仿真
              </router-link>
            </li>
            <li>
              <a href="#fluidsolidCoupling" class="nav-header collapsed" data-toggle="collapse">
                <i class="glyphicon glyphicon-list-alt"></i>
                流固耦合分析
                <span class="pull-right glyphicon glyphicon-chevron-down"></span>
              </a>
              <ul id="fluidsolidCoupling" class="nav nav-list collapse secondmenu" style="height: 0px;">
                <li>
                  <router-link to="/nav/flowSimulation">
                    <i class="glyphicon glyphicon-tint"></i>
                    流场仿真
                  </router-link>
                </li>
                <li>
                  <router-link to="/nav/structuralSimulation">
                    <i class="glyphicon glyphicon-object-align-vertical"></i>
                    结构仿真
                  </router-link>
                </li>
              </ul>
            </li>
            <li>
              <a href="#dataMange" class="nav-header collapsed" data-toggle="collapse">
                <i class="glyphicon glyphicon-cog"></i>
                数据管理
                <span class="pull-right glyphicon glyphicon-chevron-down"></span>
              </a>
              <ul id="dataMange" class="nav nav-list collapse secondmenu" style="height: 0px;">
                <li>
                  <router-link to="/nav/historyData">
                    <i class="glyphicon glyphicon-calendar"></i>
                    历史数据
                  </router-link>
                </li>
                <li>
                  <router-link to="/nav/rightManage">
                    <i class="glyphicon glyphicon-user"></i>
                    权限管理
                  </router-link>
                </li>
              </ul>
            </li>
            <li>
              <router-link to="/nav/reporterManage">
                <i class="glyphicon glyphicon-print"></i>&nbsp;注销
              </router-link>
            </li>
          </ul>
        </div>
      </div>
      <div class="row app_main">
        <router-view style="height: 100%"></router-view>
      </div>
    </div>
    <div class="app_foot">
      <p>Copyright ©2019 华中科技大学 江西洪屏抽水蓄能有限公司 All Rights Reserved</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "App"
};
// $(function() {
//   $("#realTime").collapse("show");
//   $("#dataMange").collapse("show");
// });
</script>
